<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <title>UGame</title>
        <link rel="stylesheet" href="../css/style.css" type="text/css"/>
        <link rel="stylesheet" href="../css/store.css" type="text/css"/>
        <script type="text/javascript" src="../js/jquery.min.js"></script>
        <script type="text/javascript" src="../js/jquery-ui.min.js"></script>
        <script type="text/javascript" src="../js/jquery.raty.min.js"></script>
        <script type="text/javascript" src="../js/ugame.js"></script>
        <script type="text/javascript" src="../js/iscroll.js"></script>
    </head>
    <body>
        <div id="wrapper">
            <div id="main-scroller">
                <div id="header" class="default-panel">
                    <div id="header-top" class="default-panel">
                        <div id="logo"></div>
                        <!-- End #logo -->

                        <div id="action-panel">
                            <a href="#" id="settingButton" onclick="return false">
                                <img src="../images/setting.png" alt=""/>
                            </a>
                            <a href="#" id="accountButton" onclick="return false">
                                <img src="../images/account.png" alt=""/>
                            </a>
                            <a id="searchButton" href="#" onclick="return false">
                                <img src="../images/search.png" alt=""/>
                            </a>
                        </div>
                        <!-- End #action-panel -->
                    </div>
                    <!-- End #header-top -->

                    <div class="fd-panel">
                        <div id="search-panel">
                            <table width="100%" cellpadding="0" cellspacing="0">
                                <tr>
                                    <td valign="top">
                                        <div class="left-fd-panel default-panel">
                                        </div>
                                        <!-- End .left-fd-panel -->
                                    </td>
                                    <td style="width: 224px;" valign="top">
                                        <div class="center-fd-panel default-panel">
                                            <div class="main-fd-panel">
                                                <div class="text-input-2">
                                                    <input type="text" value="Enter Search Keyword"/>
                                                    <a href="#"></a>
                                                </div>
                                            </div>
                                            <!-- End .main-fd-panel -->
                                            <div class="bottom-fd-panel">
                                            </div>
                                            <!-- End .bottom-fd-panel -->
                                        </div>
                                        <!-- End .center-fd-panel -->
                                    </td>
                                    <td valign="top">
                                        <div class="right-fd-panel default-panel">
                                        </div>
                                        <!-- End .right-fd-panel -->
                                    </td>
                                </tr>
                            </table>
                        </div>
                        <!-- End #search-panel -->

                        <div id="login-panel">
                            <table width="100%" cellpadding="0" cellspacing="0">
                                <tr>
                                    <td valign="top">
                                        <div class="left-fd-panel default-panel">
                                            <a class="sign-up" href="#"></a>
                                        </div>
                                        <!-- End #left -->
                                    </td>
                                    <td valign="top" style="width: 224px;">
                                        <div class="center-fd-panel default-panel">
                                            <div class="main-fd-panel">
                                                <div class="text-input-1">
                                                    <input type="text" value="email"/>
                                                </div>
                                                <div class="text-input-1">
                                                    <input type="password" value="*****"/>
                                                </div>
                                            </div>
                                            <!-- End .main-fd-panel -->
                                            <div class="bottom-fd-panel">
                                            </div>
                                            <!-- End .bottom-fd-panel -->
                                        </div>
                                        <!-- End .center-fd-panel -->
                                    </td>
                                    <td valign="top">
                                        <div class="right-fd-panel default-panel">
                                            <a class="sign-in" href="#"></a>
                                        </div>
                                        <!-- End #right -->
                                    </td>
                                </tr>
                            </table>
                        </div>
                        <!-- End #login-panel -->

                        <div id="language-panel">
                            <table width="100%" cellpadding="0" cellspacing="0">
                                <tr>
                                    <td valign="top">
                                        <div class="left-fd-panel default-panel">
                                        </div>
                                        <!-- End .left-fd-panel -->
                                    </td>
                                    <td valign="top" style="width: 224px;">
                                        <div class="center-fd-panel default-panel">
                                            <div class="main-fd-panel">
                                                <div class="check-input-1">
                                                    <input type="radio" value="en-US" id="en-US" name="language"/>
                                                    <label for="en-US">English</label>
                                                </div>
                                                <div class="check-input-1">
                                                    <input type="radio" value="vi-VN" id="vi-VN" name="language"/>
                                                    <label for="vi-VN">Tiếng Việt</label>
                                                </div>
                                            </div>
                                            <!-- End .main-fd-panel -->
                                            <div class="bottom-fd-panel">
                                            </div>
                                            <!-- End .bottom-fd-panel -->
                                        </div>
                                        <!-- End .center-fd-panel -->
                                    </td>
                                    <td valign="top">
                                        <div class="right-fd-panel default-panel">
                                        </div>
                                        <!-- End .right-fd-panel -->
                                    </td>
                                </tr>
                            </table>
                        </div>
                        <!-- End #language-panel -->
                    </div>
                    <!-- End #fd-panel-->

                    <div id="banner" class="default-panel">
                        <img src="../images/banner.png" alt=""/>
                    </div>
                    <!-- End #banner -->
                    <div id="main-nav" class="default-panel">
                        <table cellpadding="0" cellspacing="0">
                            <tr>
                                <td><a href="#">News</a></td>
                                <td><a href="#">Store</a></td>
                                <td><a href="#">Forum</a></td>
                            </tr>
                        </table>
                    </div>
                    <!-- End #main-nav -->
                </div>
                <!-- End #header -->

                <div id="main" class="default-panel">
                    <div id="register-panel" class="default-panel">
                        <div class="fd-panel static-fd-panel">
                            <div class="default-panel">
                                <table width="100%" cellpadding="0" cellspacing="0">
                                    <tr>
                                        <td valign="top">
                                            <div class="left-fd-panel default-panel">
                                            </div>
                                            <!-- End #left -->
                                        </td>
                                        <td valign="top" style="width: 224px;">
                                            <div class="center-fd-panel default-panel">
                                                <div class="main-fd-panel">
                                                    <div class="text-input-1">
                                                        <input type="text" id="Email" name="Email" value="" placeholder="Email"/>
                                                    </div>
                                                    <div class="error-message-1">
                                                        Email is required
                                                    </div>
                                                    <div class="text-input-1">
                                                        <input type="password" value="*****"/>
                                                    </div>
                                                     <div class="error-message-1">
                                                        Email is required
                                                    </div>
                                                    <div class="text-input-1">
                                                        <input type="password" value="*****"/>
                                                    </div>
                                                     <div class="error-message-1">
                                                        Confirm password doesn't match
                                                    </div>
                                                    <div class="text-input-1">
                                                        <input type="text" value="Phone Number"/>
                                                    </div>
                                                     <div class="error-message-1">
                                                        Email is required
                                                    </div>
                                                    <div class="text-input-1">
                                                        <input type="text" value="Full Name"/>
                                                    </div>
                                                     <div class="error-message-1">
                                                        Email is required
                                                    </div>
                                                </div>
                                                <!-- End .main-fd-panel -->
                                                <div class="bottom-fd-panel">
                                                </div>
                                                <!-- End .bottom-fd-panel -->
                                            </div>
                                            <!-- End .center-fd-panel -->
                                        </td>
                                        <td valign="top">
                                            <div class="right-fd-panel default-panel">
                                            </div>
                                            <!-- End #right -->
                                        </td>
                                    </tr>
                                </table>
                            </div>
                            <!-- End #regiter-panel -->
                        </div>
                        <div class="default-panel split-bar">
                        </div>
                        <div id="terms-of-use" class="default-panel expandable collapsed" style="height: 100px">
                            <div class="content">
                                <p style="font-size:12px;margin:5px 0px 5px 0px;">Điều khoản xác  nhận</p>
                                Trải nghiệm những hình ảnh mát dịu giữa mùa hè nóng bức với Game Boom nước cực Cool của Qplay.vn...<br/>
                                Câu chuyện kể về hành trình thú vị của cậu bé tên Boom nước với ước mơ trở thành thợ săn tài ba.<br/>
                                Nhưng giấc mơ nhỏ bé của Boom nước bị phá vỡ khi tên Hải tặc gian ác xuất hiện và bắt đi toàn bộ dân làng.<br/>
                                Với vũ khí là những quả Bong bóng nước cậu bé Boom nước đã chiến đấu với tên Hải tặc gian ác cùng đồng bọn thế nào?<br/>
                                Hãy tham gia ngay vào hành trình của cậu bé Boom nước đáng yêu nhé!
                            </div>
                            <div class="control-panel">
                                <div class="overlayout">
                                </div>
                                <div class="split-bar">
                                    <a href="#" class="expand-button expand-button-1" onclick="return false;"></a>
                                </div>
                            </div>
                        </div>
                        <div class="default-panel">
                            <div class="check-input-1">
                                <input type="checkbox" value="newsletter" id="newsletter" name="newsletter"/>
                                <label for="newsletter">Nhận newsletter từ hệ thống</label>
                            </div>
                            <div class="check-input-1">
                                <input type="checkbox" value="accept" id="accept" name="accept"/>
                                <label for="accept">Tôi hoàn toàn đồng ý với những điều khoản trên</label>
                            </div>
                            <a href="#" onclick="return false;" class="button-style-4">Sign up</a>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
                <!-- End #main -->

                <div id="footer" class="default-panel">
                    <div id="footer-banner">
                    </div>
                    <!-- End #footer-banner -->
                    <div id="footer-content" class="default-panel">
                        <div id="footer-logo">
                        </div>
                        <!-- End #footer-logo -->

                        <a class="email" href="#"></a>
                        <a class="phone" href="#"></a>
                    </div>
                    <!-- End #footer-content -->
                </div>
                <!-- End #footer -->
            </div>
        </div>
        <!-- End #wrapper-->
        <script type="text/javascript" src="../js/template.js"></script>
        <script type="text/javascript" src="../js/register.js"></script>
    </body>
</html>